<?php require('../clases/encuesta.class.php'); ?>


<script>
function llenar_combo(id, elemento)
{
  		var combos = document.getElementsByTagName("SELECT");
		
		for(i=0; i<= document.getElementsByTagName("SELECT").length;i++)
		{
		  var combo = combos[i];
		  var valido =  0;
		   for(ii=0;ii<combo.options.length;ii++){
        if(combo.options[ii].value == id){
            
            valido = 1;
        }
    }
		
			if(valido == 0){
		  // añadir el elemento option y sus valores

		  var option = document.createElement('option');
	     // añadir el elemento option y sus valores
	     combo.options.add(option, 0);
	     combo.options[0].value = id;
	     combo.options[0].innerText = elemento
		  
		              
		  
		  
			}
		  
		}
	}
</script>


<script>
function ir(id, id2, id3)
{
location.href="index_encuesta.php?id="+id+"&id4="+id2+"&editar="+id3;
	}
function ir2(id,id2)
{
location.href="index_encuesta.php?id="+id+"&slash="+id2;
	}
function ver_secuencia()
{
	var div1 = document.getElementById("dialog-form33");
		div1.style.display = '';
	}
function cerrar_secuencia() {

div3 = document.getElementById('dialog-form33');

div3.style.display='none';

}

	
function ver()
{
	var div1 = document.getElementById("dialog-form4");
		div1.style.display = '';
	}
	
	function cerrar() {

div = document.getElementById('dialog-form4');

div.style.display='none';

}

function guardar_editar(id)
{
	 var pregunta = document.getElementById('pregunta4');
			 var texto_pregunta = pregunta.value;
			 var id_pregunta = pregunta.name;


				var testFrame = document.createElement("IFRAME");
				testFrame.id = "testFrame";
				var frame="testFrame";
			

				testFrame.src = "actualizar_encuesta.php?pregunta="+texto_pregunta+"&id="+id_pregunta;
				document.body.appendChild(testFrame);
				document.getElementById(frame).className="frame";

				
			   
			//ACTUALIZAR RESPUESTA


		   var ul4 = document.getElementById('lista4');
			var lis4 = ul4.getElementsByTagName("li");
			   for ( var i = 0; i < lis4.length; ++i )
			   {
				  
				   	var texto4 = document.getElementById("in"+lis4[i].id);

				
		
				var testFrame = document.createElement("IFRAME");
										testFrame.id = "testFrame";
										var frame="testFrame";
									
			
										testFrame.src = "actualizar_respuestas.php?respuesta="+texto4.value+"&id="+lis4[i].id;
										document.body.appendChild(testFrame);
										document.getElementById(frame).className="frame";
						
						}
						cerrar();
						location.href = "index_encuesta.php?id="+<?php echo $_GET['id']; ?> ;
}

function guardar_secuencias()
{
			
					var combos = document.getElementsByTagName("SELECT");

		for(i=0; i< document.getElementsByTagName("SELECT").length;i++)
		{
		  var combo = combos[i];
		  
		   
			   

				
				var indice = combo.selectedIndex;
				var siguiente = combo.options[indice].value;	
				
				var idC = combo.id;
		
				var testFrame = document.createElement("IFRAME");
										testFrame.id = "testFrame";
										var frame="testFrame";
									
			
										testFrame.src = "enlace.php?rid="+idC+"&siguiente="+siguiente+"";
										document.body.appendChild(testFrame);
										document.getElementById(frame).className="frame";
	
    

						}
						cerrar_secuencia();
						location.href = "index_encuesta.php?id="+<?php echo $_GET['id']; ?> ;
	}

</script>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>FCE UCA</title>
  
    
    
	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
	<script src="../development-bundle/jquery-1.5.1.js"></script>
	<script src="../development-bundle/external/jquery.bgiframe-2.1.2.js"></script>
	<script src="../development-bundle/ui/jquery.ui.core.js"></script>
	<script src="../development-bundle/ui/jquery.ui.widget.js"></script>
	<script src="../development-bundle/ui/jquery.ui.mouse.js"></script>
	<script src="../development-bundle//ui/jquery.ui.button.js"></script>
	<script src="../development-bundle/ui/jquery.ui.draggable.js"></script>
	<script src="../development-bundle/ui/jquery.ui.position.js"></script>
	<script src="../development-bundle/ui/jquery.ui.resizable.js"></script>
	<script src="../development-bundle/ui/jquery.ui.dialog.js"></script>
	<script src="../development-bundle//ui/jquery.effects.core.js"></script>

    <link rel="stylesheet" type="text/css" href="../css/redmond/jquery-ui-1.8.14.custom.css">
	<style>
	iframe{
		visibility:hidden;
	display:none;	
}

.frame{
	visibility:hidden;
	display:none;	
}

		label, input { display:block; }
		input.text { margin-bottom:12px; width:95%; padding: .4em; }
		fieldset { padding:0; border:0; margin-top:25px; }
		h1 { font-size: 1.2em; margin: .6em 0; }
		div#users-contain { width: 350px; margin: 20px 0; }
		div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
		div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
		.ui-dialog .ui-state-error { padding: .3em; }
		.validateTips { border: 1px solid transparent; padding: 0.3em; }
	</style>
    
    
    
<style type="text/css" title="currentStyle">
			@import "../tabla/demo_page.css";
			@import "../tabla/demo_table.css";
		</style>

		<script type="text/javascript" language="javascript" src="../tabla/jquery.dataTables.js"></script>
		<script type="text/javascript" charset="utf-8">
			$(document).ready(function() {
				$('#example').dataTable();
			} );
		</script>
    
    
    
	<script>


	
	$(function() {
		// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
		$( "#dialog:ui-dialog" ).dialog( "destroy" );
		
		var KeyWord = $( "#KeyWord" ),
			descripcion = $( "#descripcion2" ),
			mensaje = $( "#mensaje" ),
			allFields = $( [] ).add( KeyWord ).add( descripcion ).add( mensaje ),
			tips = $( ".validateTips" );

		function updateTips( t ) {
			tips
				.text( t )
				.addClass( "ui-state-highlight" );
			setTimeout(function() {
				tips.removeClass( "ui-state-highlight", 1500 );
			}, 500 );
		}

		function checkLength( o, n, min, max ) {
			if ( o.val().length > max || o.val().length < min ) {
				o.addClass( "ui-state-error" );
				updateTips( "Length of " + n + " must be between " +
					min + " and " + max + "." );
				return false;
			} else {
				return true;
			}
		}

		
		$( "#dialog-form3" ).dialog({
			autoOpen: false,
			height: 250,
			width: 530,
			modal: true,
			buttons: {
				"Guardar Cambios": function() {
					var bValid = true;
				

				
					var combos = document.getElementsByTagName("SELECT");
		
		for(i=1; i<= document.getElementsByTagName("SELECT").length;i++)
		{
		  var combo = combos[i];
		  
		   
			   

				
				var indice = combo.selectedIndex;
				var siguiente = combo.options[indice].value;	
				
				var idC = combo.id;
			
				var testFrame = document.createElement("IFRAME");
										testFrame.id = "testFrame";
										var frame="testFrame";
									
			
										testFrame.src = "encuesta/enlace.php?rid="+idC+"&siguiente="+siguiente+"";
										document.body.appendChild(testFrame);
										document.getElementById(frame).className="frame";
	
    
				$( "#dialog-form3" ).dialog( "close" );
		
/* Establece el tiempo 1 minuto = 60000 milliseconds. */
window.setInterval("reFresh()",3000);
						}
						
	
						
					
				},
				
				Cancel: function() {
					$( this ).dialog( "close" );
				}
			},
			close: function() {
				allFields.val( "" ).removeClass( "ui-state-error" );
			}
		});

		$( "#create-user" )
			.button()
			.click(function() {
				$( "#dialog-form3" ).dialog( "open" );
			});
	});	
  </script>
  
  
  
  <script>
  

		$( "#dialog-form4" ).dialog({
			autoOpen: false,
			height: 250,
			width: 530,
			modal: true,
			buttons: {
				"Guardar Cambios": function() {
					var bValid = true;
				
//ACTUALIZAR PREGUNTA
			 var pregunta = document.getElementById('pregunta4');
			 var texto_pregunta = pregunta.value;
			 var id_pregunta = pregunta.name;


				var testFrame = document.createElement("IFRAME");
				testFrame.id = "testFrame";
				var frame="testFrame";
			

				testFrame.src = "encuesta/actualizar_encuesta.php?pregunta="+texto_pregunta+"&id="+id_pregunta;
				document.body.appendChild(testFrame);
				document.getElementById(frame).className="frame";

				
			   
			//ACTUALIZAR RESPUESTA


		   var ul4 = document.getElementById('lista4');
			var lis4 = ul4.getElementsByTagName("li");
			   for ( var i = 0; i < lis4.length; ++i )
			   {
				  
				   	var texto4 = document.getElementById("in"+lis4[i].id);

				
		
				var testFrame = document.createElement("IFRAME");
										testFrame.id = "testFrame";
										var frame="testFrame";
									
			
										testFrame.src = "encuesta/actualizar_respuestas.php?respuesta="+texto4.value+"&id="+lis4[i].id;
										document.body.appendChild(testFrame);
										document.getElementById(frame).className="frame";
						
						}
								
					
	$( "#dialog-form4" ).dialog( "close" );
	location.reload(true)
				window.setInterval("reFresh()",300);
				},
				
				Cancel: function() {
					$( this ).dialog( "close" );
				}
			},
			close: function() {
				allFields.val( "" ).removeClass( "ui-state-error" );
			}
		});

		$( "#create-user4" )
			.button()
			.click(function() {
				$( "#dialog-form4" ).dialog( "open" );
			});

  </script>
</head>
<body>




<script>


var combos;
function addList2( id, texto, mensaje, siguiente,siguiente_id)
{

               var ul = document.getElementById('lista3');
  			   var respuesta = texto;
			   var new_element = document.createElement('li');
			   new_element.id = id;

			   new_element.innerHTML = texto+ "<select width='120px' id='"+id+"' name='"+id+"' > <option value="+siguiente_id+">"+siguiente+"</option> </select>  ";
			   ul.insertBefore(new_element, ul.firstChild);
			  
			   // ??? what is this ???  document.getElementById('newElement').value = "";
			  
	}
	
function deleteList(id)
{
	 var ul2 = document.getElementById('lista3');
	var lis = ul2.getElementsByTagName("li");
       for ( var i = 0; i < lis.length; ++i )
       {
           var li = lis[i];
           if ( li.id == "LI" +id )
           {
               ul2.removeChild(li);
               return;
           }
       }
	
	}
	
function borrarLista()
{
		//borrar lista de respuesta
						cantidad=0;
						 var ul3 = document.getElementById('lista3');
				         var lis3 = ul3.getElementsByTagName("li");
						 var m=lis3.length;
						 
						  for ( var i3 = 0; i3 < m; i3++ )
							   {	
									
								   var li3 = lis3[0];
								 
									   ul3.removeChild(li3);
									   
								   
							   }
						
	}

</script>



<script type="text/javascript">
$(document).ready(function(){
	// mostrar formulario de actualizar datos
	$("table tr .modi a").click(function(){
		$('#tabla').hide();
		$("#formulario").show();
		$.ajax({
			url: this.href,
			type: "GET",
			success: function(datos){
				$("#formulario").html(datos);
			}
		});
		return false;
	});
	
	// llamar a formulario nuevo
	$("#nuevo a").click(function(){
		$("#formulario").show();
		$("#tabla").hide();
		$.ajax({
			type: "GET",
			url: 'nkeyword.php',
			success: function(datos){
				$("#formulario").html(datos);
			}
		});
		return false;
	});
});

function slash()
{
	}
	
function eliminar_encuesta(id)
{
	if(confirm("¿Desea eliminar el registro?"))
	{
		var testFrame = document.createElement("IFRAME");
		testFrame.id = "testFrame";
		var frame="testFrame";
		
		
		testFrame.src = "eliminar_encuesta.php?id="+id;
		document.body.appendChild(testFrame);
		document.getElementById(frame).className="frame";
		

		location.href = "index_encuesta.php?id="+<?php echo $_GET['id']; ?> ;
	}
	}
</script>
<div id="container">
			
			<div id="demo">

      <?php

$objencuesta=new encuesta;
$consultaencuesta=$objencuesta->mostrar_encuesta($_GET['id']);
?>
                
<div align="center"  style="display:none; width:25%" id="dialog-form4" name="dialog-form4" title="Mensajes de la Encuesta"  >
	<form id="poppp" name="poppp" style="border:outset">
	<fieldset>
          <center>
 <ul list-style:none; >
        <label id="p" name="p">Pregunta</label><input id="pregunta4" name="pregunta4" value="" /><br/>
    </ul>
  <ol list-style:none; style="width:20%" id="lista4" name="lista4">
			
        </ol>	       
         
       <table>
       <tr><td><input type="button" value="Guardar" onClick="JavaScript: guardar_editar()" /></td><td><input type="button" value="Cancelar" onClick="JavaScript:cerrar();" /></td></tr>
       </table>
         

     	</center>
        

	</fieldset>
	</form>
   </div>
   
   
<div style="display:none; "  id="dialog-form33" name="dialog-form33" title="Mensajes de la Encuesta" >
	<form id="popp" name="popp" style="border:outset">
	<fieldset>
          
        <center>
        <ol id="lista3" name="lista3">
		
        </ol>	
        <table>
       <tr><td><input type="button" value="Guardar" onClick="JavaScript: guardar_secuencias();" /></td><td><input type="button" value="Cancelar" onClick="JavaScript:cerrar_secuencia();" /></td></tr>
       </table>
         
        </center>	
	</fieldset>
	</form>
</div>




<?php  
				if(isset($_GET['slash'])) 
				{ 	echo"<script> ver_secuencia(); </script>";
					$objEncuesta2=new encuesta;
					$consultaE2=$objEncuesta2->mostrar_pregunta($_GET['slash']);
				
					if($consultaE2) {
						while( $encuesta2 = mysql_fetch_array($consultaE2) ){

													
						echo  "<script>

						addList2( '".$encuesta2['rid']."', '".$encuesta2['respuesta']."', '".$encuesta2['mensaje']."', '".$encuesta2['siguiente']."', '".$encuesta2['siguiente_id']."');
						
						
									</script>";
							$respuestas[] = $encuesta2['respuesta'];

						}
							echo  "<script> 
								llenar_combo('0', 'sin pregunta asociada');	</script>";
					$objEncuesta3=new encuesta;
					$consultaE3=$objEncuesta3->mostrar_pregunta_menos($_GET['id']);				
					echo  "<script>  
								llenar_combo('0', 'sin pregunta asociada'); 	</script>";
						while( $encuesta3 = mysql_fetch_array($consultaE3) ){
							if($encuesta2['mensaje'] != $encuesta3['mensaje'])
							{
								echo  "<script>  
								llenar_combo('".$encuesta3['id']."', '".$encuesta3['mensaje']."');  	</script>";
							}
							
						
					}
				
					}
				}
			
			?>

    <table id="example" class="display">
      <thead>
   		<tr>
   			<th>Pregunta</th>    		
            <th>Respuesta</th>       
            <th>Editar</th>
            <th>Secuencia</th>
            <th>Eliminar</th>
        </tr>
      </thead>
        <tbody>
<?php
if($consultaencuesta) {
	while( $encuesta = mysql_fetch_array($consultaencuesta) ){
	?>
	
		  	  <tr id="fila-<?php echo $encuesta['id'] ?>">
			  <td><?php echo $encuesta['mensaje'] ?></td>		  
              <td><?php echo $encuesta['respuesta'] ?></td>		  
              <td class="center">
              <a  
    href="JavaScript: ir('<?php echo $_GET['id'] ?>','<?php echo $encuesta['id'] ?>','<?php echo $encuesta['id'] ?>');"><img src="../img/database_edit.png" title="Editar" alt="Editar" /></a>
              
              </td>
			  <td class="center">
              
              <a href="JavaScript: ir2('<?php echo $encuesta['keyword_id'] ?>','<?php echo $encuesta['id'] ?>');"><img src="../img/database_edit.png" title="Editar" alt="Editar" /></a></td>
			  <td class="center"><span class="dele"><a onClick="JavaScript:eliminar_encuesta(<?php echo $encuesta['id'] ?>);" ><img src="../img/delete.png" title="Eliminar" alt="Eliminar" /></a></span></td>
		  </tr>
	<?php
	}
}
?></tbody>
  </table>
    
    
  </div>
			<div class="spacer"></div>

</div>
		</div>

</div><!-- End demo -->






<script>

function addList4( id, texto)
{

               var ul = document.getElementById('lista4');
  			   var respuesta = texto;
			   var new_element = document.createElement('li');
			   new_element.id = id;


			   new_element.innerHTML =  "<label id='p' name='p'>Respuesta</label><input id='in"+id+"' name='"+id+"' value='"+texto+"' /><br/>";
			   ul.insertBefore(new_element, ul.firstChild);
			  
			   // ??? what is this ???  document.getElementById('newElement').value = "";
			  
	}
	
function borrarLista4()
{
		//borrar lista de respuesta
						cantidad=0;
						 var ul4 = document.getElementById('lista4');
				         var lis4 = ul4.getElementsByTagName("li");
						 var m=lis4.length;
						 
						  for ( var i4 = 0; i4 < m; i4++ )
							   {	
									
								   var li4 = lis4[0];
								 
									   ul4.removeChild(li4);
									   
								   
							   }
						
	}

function cambiar(id, texto)
{
	document.getElementById("pregunta4").value=texto;
	document.getElementById("pregunta4").name=id;
}

</script>
                <?php 

if(isset($_GET['editar'])) 
{
	echo"<script>  borrarLista4(); </script>";
		
	 
$objencuesta4=new Encuesta;
$consultaencuesta44=$objencuesta4->mostrar_encuestaByID($_GET['id4']);
$pregunta="";
$pregunta_id="";
if($consultaencuesta44) {
	while( $encuesta4 = mysql_fetch_array($consultaencuesta44) ){
	$pregunta=$encuesta4['mensaje'];
	$pregunta_id=$encuesta4['id'];
		echo"<script>  addList4( '".$encuesta4['rid']."', '".$encuesta4['respuesta']."'); </script>";
	}
}
	 
	 	 
	echo"<script> cambiar('".$pregunta_id."','".$pregunta."');</script> ";
	
	
	}
?>

</body>
</html>



<?php  
				if(isset($_GET['editar'])) 
				{
					echo  "<script> 
							ver();
							</script>";
				}
?>




